﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Index</title>
    <link href="styles/main.css" rel="stylesheet" type="text/css" />
    <script src="js/jquery-1.7.1.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {

            $('.menu-pop').hide();
            $('.cate-product-title').hover(function () {

                $('.menu-pop').show();

            }, function () {
                $('.menu-pop').hide();
            });

            $('.menu-pop').hover(function () {

                $('.menu-pop').show();

            }, function () {
                $('.menu-pop').hide();
            });
        });
    
    </script>
</head>
<body>
    <div class="top">
        <div class="top-inner">
            <a href="#" class="logo">
                <img alt="" src="images/logo.png" />
            </a>
            <div class="contact">
                <span>Hỗ trợ khách hàng từ 7:00 đến 21:00 </span><a href="#">Liên hệ</a>
            </div>
            <div class="search">
                <select>
                    <option>Tất cả danh mục</option>
                    <option>Nội thất 1</option>
                    <option>Nội thất 2 Nội thất 2</option>
                    <option>Nội thất 3</option>
                </select>
                <input type="text" value="Từ khóa tìm kiếm" />
                <input type="button" value="" />
            </div>
            <ul class="nav">
                <li><a class="active" href="#">Trang chủ</a></li>
                <li><a href="#">Giới thiệu</a></li>
                <li><a href="#">Tư vấn nội thất</a></li>
                <li><a href="#">Phong thủy</a></li>
                <li><a href="#">Chính sách</a></li>
                <li><a href="#">Dự án </a></li>
                <li><a href="#">Ý kiến khách hàng</a></li>
            </ul>
        </div>
        <!--end top-inner-->
    </div>
    <!--end top-->
    <div class="fring">
    </div>
    <!--end fring-->
    <div class="middle">
        <div class="colleft">
            <div class="cate-product">
                <div class="cate-product-title">
                    <a href="#">danh mục sản phẩm</a> <a href="#" class="arr">
                        <img alt="" src="images/arr5.png" /></a>
                </div>
               <ul class="menu-pop">
                <li><a href="#">Nội thất văn phòng </a></li>
                <li><a href="#">Nội thất gia đình </a>
                    <ul>
                        <li><a href="#">Nội thất phòng khách</a></li>
                        <li><a href="#">Nội thất phòng ăn</a></li>
                        <li><a href="#">Phụ kiện nội thất gia đình</a></li>
                        <li><a href="#">Tủ giấy</a></li>
                    </ul>
                </li>
                <li><a href="#">Nội thất trẻ em </a>
                    <ul>
                        <li><a href="#">Nội thất phòng khách</a></li>
                        <li><a href="#">Nội thất phòng ăn</a></li>
                        <li><a href="#">Phụ kiện nội thất gia đình</a></li>
                        <li><a href="#">Tủ giấy</a></li>
                    </ul>
                </li>
                <li><a href="#">Bàn ghê bar & cafe</a></li>
                <li><a href="#">Nội thất công cộng </a>
                    <ul>
                        <li><a href="#">Nội thất phòng khách</a></li>
                        <li><a href="#">Nội thất phòng ăn</a></li>
                        <li><a href="#">Phụ kiện nội thất gia đình</a></li>
                        <li><a href="#">Tủ giấy</a></li>
                    </ul>
                </li>
                <li><a href="#">Nội thất hội trường </a></li>
                <li><a href="#">Nội thất không gian </a></li>
                <li><a href="#">Màn rèm văn phòng </a></li>
                <li><a href="#">Thảm trải sàn </a></li>
            </ul>
                <div class="cate-product-bottom">
                </div>
            </div>
            <div class="box">
                <div class="box-title">
                    <a href="#">nội thất văn phòng</a>
                </div>
                <div class="box-content">
                    <ul class="office">
                        <li><a href="#">Bàn văn phòng</a></li>
                        <li><a href="#">Quầy lễ tân</a></li>
                        <li><a href="#">Nội thất phòng giám đốc</a></li>
                        <li><a href="#">Tủ tài liệu văn phòng</a></li>
                        <li><a href="#">Ghế phòng họp</a></li>
                        <li><a href="#">Modul bàn làm việc</a></li>
                        <li><a href="#">Vách ngăn văn phòng</a></li>
                        <li><a href="#">Sofa văn phòng</a></li>
                        <li><a href="#">Ghế văn phòng</a></li>
                        <li><a href="#">Tủ tài liệu</a></li>
                    </ul>
                </div>
            </div>
            <div class="box-product">
                <h2>
                    Sản phẩm liên quan</h2>
                <div class="item">
                    <img alt="" src="images/3.png" />
                    <h3>
                        <a href="#">Đèn Trần</a></h3>
                    <p>
                        <strong>Giá: </strong>1.000.000 VNĐ</p>
                </div>
                <div class="item">
                    <img alt="" src="images/3.png" />
                    <h3>
                        <a href="#">Đèn Trần</a></h3>
                    <p>
                        <strong>Giá: </strong>1.000.000 VNĐ</p>
                </div>
                <div class="item">
                    <img alt="" src="images/3.png" />
                    <h3>
                        <a href="#">Đèn Trần</a></h3>
                    <p>
                        <strong>Giá: </strong>1.000.000 VNĐ</p>
                </div>
                <div class="item border-none">
                    <img alt="" src="images/3.png" />
                    <h3>
                        <a href="#">Đèn Trần</a></h3>
                    <p>
                        <strong>Giá: </strong>1.000.000 VNĐ</p>
                </div>
            </div>
        </div>
        <!--end colleft-->
        <div class="colcontent">
            <div class="sitemap">
                <a href="#">
                    <img alt="" src="images/home.png" /></a> <a href="#">Sản phẩm</a><span> > </span>
                <a href="#">Nội thất văn phòng</a><span> > </span><a href="#" class="active">Ghế phòng
                    họp</a>
            </div>
            <div class="products group">
                <div class="item">
                    <img alt="" src="images/3.png" />
                    <h3>
                        <a href="#">Đèn Trần</a></h3>
                    <p>
                        <strong>Giá: </strong>1.000.000 VNĐ</p>
                </div>
                <div class="item">
                    <img alt="" src="images/3.png" />
                    <h3>
                        <a href="#">Đèn Trần</a></h3>
                    <p>
                        <strong>Giá: </strong>1.000.000 VNĐ</p>
                </div>
                <div class="item">
                    <img alt="" src="images/3.png" />
                    <h3>
                        <a href="#">Đèn Trần</a></h3>
                    <p>
                        <strong>Giá: </strong>1.000.000 VNĐ</p>
                </div>
                <div class="item">
                    <img alt="" src="images/3.png" />
                    <h3>
                        <a href="#">Đèn Trần</a></h3>
                    <p>
                        <strong>Giá: </strong>1.000.000 VNĐ</p>
                </div>
            </div>
            <div class="products group">
                <div class="item">
                    <img alt="" src="images/3.png" />
                    <h3>
                        <a href="#">Đèn Trần</a></h3>
                    <p>
                        <strong>Giá: </strong>1.000.000 VNĐ</p>
                </div>
                <div class="item">
                    <img alt="" src="images/3.png" />
                    <h3>
                        <a href="#">Đèn Trần</a></h3>
                    <p>
                        <strong>Giá: </strong>1.000.000 VNĐ</p>
                </div>
                <div class="item">
                    <img alt="" src="images/3.png" />
                    <h3>
                        <a href="#">Đèn Trần</a></h3>
                    <p>
                        <strong>Giá: </strong>1.000.000 VNĐ</p>
                </div>
                <div class="item">
                    <img alt="" src="images/3.png" />
                    <h3>
                        <a href="#">Đèn Trần</a></h3>
                    <p>
                        <strong>Giá: </strong>1.000.000 VNĐ</p>
                </div>
            </div>
            <div class="products group">
                <div class="item">
                    <img alt="" src="images/3.png" />
                    <h3>
                        <a href="#">Đèn Trần</a></h3>
                    <p>
                        <strong>Giá: </strong>1.000.000 VNĐ</p>
                </div>
                <div class="item">
                    <img alt="" src="images/3.png" />
                    <h3>
                        <a href="#">Đèn Trần</a></h3>
                    <p>
                        <strong>Giá: </strong>1.000.000 VNĐ</p>
                </div>
                <div class="item">
                    <img alt="" src="images/3.png" />
                    <h3>
                        <a href="#">Đèn Trần</a></h3>
                    <p>
                        <strong>Giá: </strong>1.000.000 VNĐ</p>
                </div>
                <div class="item">
                    <img alt="" src="images/3.png" />
                    <h3>
                        <a href="#">Đèn Trần</a></h3>
                    <p>
                        <strong>Giá: </strong>1.000.000 VNĐ</p>
                </div>
            </div>
            <div class="products group">
                <div class="item">
                    <img alt="" src="images/3.png" />
                    <h3>
                        <a href="#">Đèn Trần</a></h3>
                    <p>
                        <strong>Giá: </strong>1.000.000 VNĐ</p>
                </div>
                <div class="item">
                    <img alt="" src="images/3.png" />
                    <h3>
                        <a href="#">Đèn Trần</a></h3>
                    <p>
                        <strong>Giá: </strong>1.000.000 VNĐ</p>
                </div>
                <div class="item">
                    <img alt="" src="images/3.png" />
                    <h3>
                        <a href="#">Đèn Trần</a></h3>
                    <p>
                        <strong>Giá: </strong>1.000.000 VNĐ</p>
                </div>
                <div class="item">
                    <img alt="" src="images/3.png" />
                    <h3>
                        <a href="#">Đèn Trần</a></h3>
                    <p>
                        <strong>Giá: </strong>1.000.000 VNĐ</p>
                </div>
            </div>
            <div class="products group">
                <div class="item">
                    <img alt="" src="images/3.png" />
                    <h3>
                        <a href="#">Đèn Trần</a></h3>
                    <p>
                        <strong>Giá: </strong>1.000.000 VNĐ</p>
                </div>
                <div class="item">
                    <img alt="" src="images/3.png" />
                    <h3>
                        <a href="#">Đèn Trần</a></h3>
                    <p>
                        <strong>Giá: </strong>1.000.000 VNĐ</p>
                </div>
                <div class="item">
                    <img alt="" src="images/3.png" />
                    <h3>
                        <a href="#">Đèn Trần</a></h3>
                    <p>
                        <strong>Giá: </strong>1.000.000 VNĐ</p>
                </div>
                <div class="item">
                    <img alt="" src="images/3.png" />
                    <h3>
                        <a href="#">Đèn Trần</a></h3>
                    <p>
                        <strong>Giá: </strong>1.000.000 VNĐ</p>
                </div>
            </div>
            <div class="pagging">
                <a href="#">Previous</a> <a href="#">«</a> <a href="#">1</a> <a href="#" class="current">
                    2</a> <a href="#">3</a> <a href="#">»</a> <a href="#">Next</a>
            </div>
        </div>
        <!--end colright-->
        <div class="clear">
        </div>
    </div>
    <!--end middle-->
    <div class="bottom">
        <div class="bottom-inner">
            <ul>
                <li><a href="#">Giới thiệu </a></li>
                <li><a href="#">Tư vấn nội thất</a></li>
                <li><a href="#">Phong thủy </a></li>
                <li><a href="#">Chính sách</a></li>
                <li><a href="#">Dự án </a></li>
                <li><a href="#">Ý kiến khách hàng</a></li>
            </ul>
            <div class="share">
                <a href="#">
                    <img alt="" src="images/f.png" /></a> <a href="#" class="sitemap">Sitemap</a>
            </div>
            <div class="infomation">
                <p>
                    <span>© Công ty Cổ phần Nội Thất Vui.</span></p>
                <p>
                    Tòa nhà Detech, 230 đường Phạm Hùng, Cầu Giấy, Hà Nội</p>
                <p>
                    Mã số doanh nghiệp: 0308-808-576</p>
                <p>
                    <span>ĐT:</span> 0988.397.448 - <span>Fax:</span> (043) 688.888 - <span>Email:</span>
                    noithatvui@gmail.com</p>
                <p>
                    <span>Website:</span> http://noithatvui.com
                </p>
                <p>
                </p>
            </div>
        </div>
        <!--end bottom-inner-->
    </div>
    <!--end bottom-->
</body>
</html>
